<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>css_text2</title>
    <style>
        /* 1.分组选择器:把多种选择器的结果,组成一组进行修饰,逗号隔开 */
        a,
        input {
            /* 利用标签名选择器,选中一组元素,修饰样式 */
            /* 边框: 宽度 样式 颜色; */
            border: 1px dashed red;
        }

        /* 2.利用基本选择器,选中一组元素,修饰样式 */
        .x,
        #y,
        input {
            font-size: 20px;
        }

        /* 3.属性选择器:按照标签的属性来选择元素,标签名[属性名]*/
        a[href] {
            /* 选中拥有href属性的a标签*/
            font-size: 50px;
        }

        /* 4. 选中type="text"的input设置背景色 */
        input[type='text'] {
            background-color: green;
        }
    </style>
</head>

<body>
    <a class="x">我是a1</a>
    <a href="#" class="x">我是a2</a>
    <a href="#" id="y">我是a3</a>
    <input type="text" />
    <input type="password" placeholder="请您输入密码..." />
    <input type="text" />
</body>

</html>